<template>
	<view class="main">
		<view class="top">
			<!--  -->
			<view class="topleft" @click="gotomore">
				<view class="maintitle">{{shuju.title}}</view>
				<view class="">报价金额：{{shuju.money}}</view>
				<view class="">成交几率：{{shuju.odds}}</view>
			</view>
			<view class="topright">
				<view class="top">
					<view class="topcircle"></view>
					{{shuju.range}}
				</view>
				<view class="" @click="gotocharge">
					<image src="../static/toux.jpg" mode=""></image>
					<view class="">{{shuju.charge}}</view>
				</view>
			</view>
		</view>
		<!-- bottom -->
		
	</view>
</template>

<script>
import cusPop from './customers-pop/customers-pop.vue';
export default {
	props:['shuju'],
	data() {
		return {
			show: false,
			shownum: false,
			datass: {
				title: '李小红先生',
				button1: '固定电话:0755-88888888',
				button2: '手机电话:18888888888',
				button3: '取消'
			}
		};
	},
	components: {
		cusPop
	},
	created(){
		/* console.log(this.shuju); */
		
	},
	
	methods: {
		sendtomore() {
			this.$emit('gotomore');
			uni.setStorageSync('moredata', this.shuju);
		},
		closepop2() {
			this.shownum = false;
		},
		gotocharge(){
			console.log('跳转');
			uni.navigateTo({
				url:'/pages/index/person-homepage/person-homepage',
				
			})
		},
		gotomore(){
			console.log('跳转');
			uni.navigateTo({
				url:'/pages/index/customers',
				
			})
		}
	}
};
</script>

<style lang="scss" scoped>
.main {
	border-radius: 30rpx;
	background-color: #ffffff;
	width: 710rpx;
	height: 288rpx;
	padding: 20rpx 36rpx;
	color: #999999;
	margin-bottom: 20rpx;
	
		/* margin-top: 10rpx;
		margin-left: -10rpx; */
	}
	.top {
		background-color: #ffffff;
		height: 200rpx;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		/* padding: 20rpx 20rpx; */
		padding-left: 20rpx;
		padding-top: 20rpx;
		padding-bottom: 20rpx;
		font-size: 24rpx;
		.topleft {
			display: flex;
			flex-direction: column;
			justify-content: space-around;

			.maintitle {
				font-weight: bold;
				font-size: 28rpx;
				margin-top: -20rpx;
			}
		}
		.topright {
			display: flex;
			flex-direction: column;
			align-items: center;
			margin-top: -20rpx;
			/* justify-content: space-between; */
			.top {
				display: flex;
				/*  */
				.topcircle {
					width: 16rpx;
					height: 16rpx;
					border-radius: 50%;
					background-color: #f6aa50;
					margin-top: 12rpx;
				}
			}
			image {
				width: 80rpx;
				height: 60rpx;
			}
		}
	}
	.bottom {
		background-color: #ffffff;
		padding: 0rpx 20rpx;
		height: 48rpx;
		display: flex;
		justify-content: space-between;
		.bottomflex{
			display: flex;
		}
		.texttt{
			margin-left: 6rpx;
			
		}
		image {
			width: 36rpx;
			height: 26rpx;
			margin-top: 10rpx;
	}
}

.popupmain {
	/* margin: 20rpx; */
	width: 750rpx;
	height: 500rpx;
	background-color: #666;
	padding: 40rpx;

	.poptop {
		border-radius: 10rpx;
		color: #1678ff;
		background-color: #ffffff;
		text-align: center;
		line-height: 80rpx;
		.poppt {
			color: #1678ff;
			.clickH {
				background-color: #eee;
				color: #1678ff;
			}

			/* display: block;
			width: 710rpx;
			height: 100rpx; */
		}
		/* .poppt:hover {
			background-color: red;
		} */
	}
	.popbottom {
		border-radius: 10rpx;
		margin-top: 50rpx;
		text-align: center;
		padding: 10rpx 20rpx 20rpx;
		line-height: 40rpx;
		background-color: #ffffff;
		color: #1678ff;
	}
}

/* 电话 */

.popupmainnum {
	width: 750rpx;
	height: 500rpx;
	background-color: #666;
	padding: 40rpx;

	.poptop {
		border-radius: 10rpx;
		color: #1678ff;
		background-color: #ffffff;
		text-align: center;
		line-height: 80rpx;
		.hisnames {
			display: block;
			text-align: center;
			height: 150rpx;
			font-size: 40rpx;
			line-height: 150rpx;
			background-color: #f8f8f8;
			color: #e4e7ed;
		}
		.poppt {
			color: #1678ff;

			/* border-bottom: 1rpx solid #eeeeee; */
			.clickH {
				background-color: #fff;
				color: #1678ff;
			}
		}
	}
	.popbottom {
		border-radius: 10rpx;
		margin-top: 50rpx;
		text-align: center;
		padding: 10rpx 20rpx 20rpx;
		line-height: 40rpx;
		background-color: #ffffff;
		color: #1678ff;
	}
}
</style>
